<script setup>

</script>

<template>
    <div class="base_content">
        <!-- 上 -->
        <div class="base_header base_box">
            <slot name="header">
                
            </slot>
        </div>

        <!-- 粘性 -->
        <div class="base_sticky base_box">
            <slot name="sticky">
                
            </slot>
        </div>
        <!-- 中 -->
        <div class="base_center base_box">
            <slot name="center">
                
            </slot>
        </div>
        <!-- 下 -->
        <div class="base_footer base_box">
            <slot name="footer">
                
            </slot>
        </div>

    </div>
</template>



<style lang="less" scoped>
    .base_content{
        height: 100%;
        width: 100%;
        // display: flex;
        // flex-direction: column;
        // justify-content: center;
        // align-items: center;
        // gap: 20rpx;
        position: relative;
        overflow-y: auto;
        &::-webkit-scrollbar {
                display: none;
            }
            :deep(.ss-table-body){
                &::-webkit-scrollbar {
                display: none;
            }
            }
        // overflow: hidden;

        .base_box{
            width: 100%;
        }
        .base_center{
        }

        .base_sticky{
            position: sticky;
            top: 0;
            left: 0;
            // height: 200px;
            z-index: 100;
            background-color: #f6f7f9;
        }

  
        }

</style>